<!DOCTYPE html>  
<html>
<head>  
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>南信工大数据平台-气象站点</title>  
<link rel="stylesheet" href="./js/lib/layui-v2.4.3/css/layui.css">
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/map.css">

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=GfoU428dXmPv5QNxYRgSjb1g"></script>
</head>  
 
<body>
<div id="container"></div> 
<div class="nuist-header">
    <i class="logo"></i>
    <a href="./index.html" class="link big">气象金融大数据平台</a>
    <a href="./map.html" class="link">气象台站基本观测历史数据可视化平台</a>
    <a href="./map.html" class="link">地图浏览模式</a>
    <a href="./stationSearch.html" class="link">台站检索模式</a>
</div>
<div class="toolbar-zone">
    <form class="layui-form" action="">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label" style="width:80px;">数据源：</label>
                <div class="layui-input-inline inline-radio" style="width:200px;">
                    <input type="radio" name="type" value="1" title="基准站" checked>
                    <input type="radio" name="type" value="2" title="普通站">
                    <!-- <select name="type" lay-verify="" lay-filter="type">
                        <option value="1">基准站</option>
                        <option value="2">普通站</option>
                    </select> -->
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label" style="width:80px;">台站名称：</label>
                <div class="layui-input-inline" style="width:130px;">
                    <input type="text" name="name" placeholder="请输入台站名称" autocomplete="off" class="layui-input station-name">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label" style="width:80px;">省：</label>
                <div class="layui-input-inline" style="width:130px;">
                    <select name="province" lay-verify="" lay-filter="province">
                        <option value="">全国</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label" style="width:80px;">市：</label>
                <div class="layui-input-inline" style="width:130px;">
                    <select name="city" lay-verify="" lay-filter="city">
                        <option value="">选择市</option>
                    </select>   
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label" style="width:80px;">区：</label>
                <div class="layui-input-inline" style="width:130px;">
                    <select name="zone" lay-verify="" lay-filter="zone">
                        <option value="">选择县/区</option>
                    </select>   
                </div>
            </div>
            <div class="layui-inline">
                <button class="layui-btn  layui-btn-sm search"><i class="layui-icon">&#xe615;</i> 筛选</button>
            </div>
        </div>
    </form>
</div>
<script type="text/html" id="select-option">
    {{each list as value i}}
        <option value="{{value.value}}">{{value.name}}</option>
    {{/each}}
</script>
<script type="text/html" id="station-introduce">
    {{if $data.length > 0}}
        {{each $data as value i}}
            <p>{{value}}</p>
        {{/each}}
    {{else}}
        <div class="layui-none">暂无该台站介绍</div>
    {{/if}}
</script>
<script type="text/html" id="dialog-wrap">
    <div class="dialog-wrap">
        <div class="layui-form">
            <div class="layui-form-item">
              <div class="layui-inline">
                <label class="layui-form-label" style="width:58px;">年份：</label>
                <div class="layui-input-inline">
                  <input type="text" class="layui-input" id="year" placeholder="选择年份">
                </div>
              </div>
              <div class="layui-inline">
                <button class="layui-btn  layui-btn-sm export"><i class="layui-icon">&#xe601;</i> 导出</button>
              </div>
            </div>
          </div>
          <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
              <li class="layui-this">当年逐月温度变迁图</li>
              <li >当年逐月降水变迁图</li>
              <li >台站介绍</li>
            </ul>
            <div class="layui-tab-content" style="height: 260px;">
              <div class="layui-tab-item layui-show">
                <div class="temperature" id="temperature"></div>
              </div>
              <div class="layui-tab-item">
                <div class="rain" id="rain"></div>
              </div>
              <div class="layui-tab-item">
                <div id="introduce"></div>
              </div>
            </div>
          </div>
    </div>
</script>
<script src="./js/lib/jquery-1.8.3.min.js"></script>
<script src="./js/lib/layui-v2.4.3/layui.all.js"></script>
<script src="./js/lib/template.js"></script>
<script src="./js/common/china.js"></script>
<script src="./js/lib/echarts.min.js"></script>
<script src="./js/common/common.js"></script>
<script src="./js/map.js"></script>
</body>  
</html>